<template>
  <span class="tag">
      <span title="tagName">{{tagName}}</span>
      <span class="remove-tag" @click="$emit('removeSelectedTag', tagId)">
        <img src="../../../static/img/x-square.svg" alt="x">
      </span>
  </span>
</template>

<script>
  import "@/assets/css/classes.css"
  export default {
    name: 'SelectedTag',
    props: ['tagId', 'tagName'],
  }

</script>

<style>
  .remove-tag {
      font-size: 2px;
      cursor: pointer;
      color: #7e8c8d;
  }
  .remove-tag img {
    width: 10px;
    height: 10px;
  }
</style>
